<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>
    <style>
        #div1 {
            float: top;
            font: bolder italic 50px "宋体";
            color: red;
            text-align: center
        }
        #div2{
            float: left;
            width: 300px;
            height: 100px;
        }
        #div3 {
            float: left;
        }
        #div4{
            float: right;
            width: 300px;
            height: 100px;
        }
        #u1{
            color:blue;
        }
        #u2{
            color: gold
        }
    </style>
</head>
<body>
    <div id="div1">
        <h1>欢迎来到召唤师峡谷！！！</h1>
    </div>
    <div>
        <div id="div2">
            <span>请为你喜欢的战队打call</span><br>
            <ul id="u1">
                <li><h3>RNG</h3></li>
                <li><h3>EDG</h3></li>
                <li><h3>IG</h3></li>
                <li><h3>WE</h3></li>
            </ul>
        </div>
    
        <div id="div3">
            <img src="timg.jpg" alt="图片不存在" title="ig牛逼">
        </div>
        <div id="div4"><span>你最喜欢哪个职业选手？</span>
            <ul id="u2">
                <li><h3>theshy</h3></li>
                <li><h3>clearlove</h3></li>
                <li><h3>rookie</h3></li>
                <li><h3>uzi</h3></li>
                <li><h3>ming</h3></li>                    
            </ul>
        </div>
    </div>
    <div>
        
    </div>

</body>
</html>